<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>APP</title>
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../css/aui-eg.css" />
		<style>
			.aui-nav{
				height:40px;
			}
			.aui-nav span {
				padding: 5px;
				font-size:20px;
			}
			.aui-nav span:first-child{
				padding-left:20px;
			}
			.aui-nav span:last-child{
				padding-right:20px;
				float: right;
			}
		</style>
	</head>
	<body>
		<header id="panel_header" class="aui-bar aui-bar-nav aui-bar-pro">
			<a onclick="systemBack();" class="aui-pull-left"> <span class="aui-iconfont aui-icon-left"></span> </a>
			<span class="aui-title">body弹出菜单</span>
		</header>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/aui-eg.js"></script>
	<script type="text/javascript">
		apiready = function() {
			var header = $api.byId('panel_header');
			$api.fixStatusBar(header);
			var headerPos = $api.offset(header);
			api.openFrame({
				name : 'main',
				url : 'modal_body_frm.html',
				bounces : false,
				rect : {
					x : 0,
					y : headerPos.h,
					w : "auto",
					h : api.winHeight - headerPos.h
				}
			});
			api.parseTapmode();
		};
		function systemBack() {
			api.closeWin();
		}
	</script>
</html>